<template>
  <div class="container">
    <header>
     <router-link class="left" to="/myspec">
         
        <i class="iconfont icon-up21"></i>
     
     </router-link>
      <p>修改密码</p>
      <a href="javascript:;" class="right">
        <i class="iconfont icon-kefu1"></i>
      </a>
    </header>
    <section>
      <div class="pwd-box">
        <form action="#" class="pwd-form">
          <ul class="pwd-ul">
            <li class="pwd-li1">
              <span class="pwd-old">原 密 码</span>
              <input type="text" placeholder="请输入原密码"/>
            </li>
            <li class="pwd-li2">
              <span class="pwd-new">新 密 码</span>
              <input type="password" placeholder="请输入新密码"/>
            </li>
          </ul>
        </form>
      </div>
    </section>
    <footer>
      <div class="upd-pwd">
          <span>确认修改</span>
      </div>
    </footer>
  </div>
</template>

<script>
export default {};
</script>
<style src="../assets/css/myspec.css" scoped></style>
<style lang="less" scoped>
section {
  color: #555555;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 50px 0 50px 0;
  /*overflow: hidden;*/
  .pwd-box {
    background: #fff;
    .pwd-li1,
    .pwd-li2 {
      padding: 16px 10px;
      border-bottom: 1px solid #eee;
      span{
          display: inline-block;
          width: 120px  ;
      }
      input {
        width: 230px;
        height: 20px;
        border: none;
      }
    }
  }
}
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  .upd-pwd {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #f60;
    color:#fff;
    font-size: 16px;
  }
}
</style>